<template>
	<view class="c-wrap">
		<view class="imgW">
			<image v-if="datatype === 'nodata'" src="@/static/images/icon-empty.png"></image>
			<image v-if="datatype === 'noCoupon'" src="@/static/images/icon-noCoupon.png"></image>
		</view>
		<text>{{title}}</text>
	</view>
</template>

<script>
export default {
	props: {
		datatype: {
			type: String,
			default: 'nodata'
		},
		title: {
			type: String,
			default: '没有任何记录~'
		}
	}
}
</script>

<style scoped lang="scss">
.c-wrap {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 0;
	width: 100vw;
	height: 80vh;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	z-index: -1;
	.imgW {
		image {
			width: 300rpx;
			height: 300rpx;
		}
	}
	text {
		font-size: 30rpx;
		color: #999;
	}
}
</style>